.content{
	margin-top: 1rem;
}
.detail{
	width: 100%;
	padding: 0.24rem 0.32rem;
	box-sizing: border-box;
	background: #FFFFFF;
}
.detailtitle{
	width: 100%;
}
.detailtitlele{
	float: left;
}
.detailtitlele p{
	font-size: 0.22rem;
	font-weight: 400;
	text-align: LEFT;
	color: #000000;
}
.detailtitleri{
	float: right;
}
.detailtitleriitem{
	display: inline-block;
}
.detailtitleridianzan{
	margin-right: 0.24rem;
}
.detailtitleridianzanimg{
	width: 0.24rem;
	height: 0.24rem;
	margin: 0 auto;
	cursor: pointer;
}
.detailtitleridianzanimg img{
	width: 100%;
	height: 100%;
}
.detailtitleridianzannum{
	font-size: 0.12rem;
	font-weight: 400;
	text-align: center;
	color: #ed0a23;
	margin-top: 0.1rem;
}
.detailtitlericollectionimg{
	width: 0.24rem;
	height: 0.24rem;
	cursor: pointer;
	margin: 0 auto;
}
.detailtitlericollectionimg img{
	width: 100%;
	height: 100%;
}
.detailtitlericollectionnum{
	font-size: 0.12rem;
	font-weight: 400;
	text-align: LEFT;
	color: #969799;
	margin: 0.1rem;
}
.detaildata{
	margin-top: 0.18rem;
	font-size: 0.14rem;
	font-weight: 400;
	text-align: LEFT;
	color: #969799;
	line-height: 0.16rem;
}
.pinglun{
	width: 100%;
	padding: 0.24rem 0.32rem;
	box-sizing: border-box;
	margin-top: 0.16rem;
	background: #FFFFFF;
}
.pingluntitle{
	
}
.pingluntitlele{
	float: left;
	padding-left: 0.12rem;
	position: relative;
}
.pingluntitlele::before{
	content: '';
	width: 0.08rem;
	height: 0.16rem;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	background: linear-gradient(135deg,rgba(238,66,166,0), #ee42a6);
}
.pingluntitlele p{
	font-size: 0.22rem;
	font-weight: 600;
	text-align: LEFT;
	color: #323233;
	line-height: 0.32rem;
}
.pingluntitleri{
	width: 1.04rem;
	height: 0.32rem;
	background: #0c0c0c;
	border-radius: 2px;
	float: right;
	cursor: pointer;
}
.pingluntitleri P{
	font-size: 0.16rem;
	font-weight: 500;
	text-align: CENTER;
	color: #ffffff;
	line-height: 0.32rem;
}
.pinglunitem{
	margin-top: 0.24rem;
}
.pinglunitemper{
	float: left;
}
.pinglunitemperimg{
	width: 0.32rem;
	height: 0.32rem;
	margin-right: 0.16rem;
	float: left;
	border-radius: 100%;
	overflow: hidden;
}
.pinglunitemperimg img{
	width: 100%;
	height: 100%;
}
.pinglunitempertxt{
	float: left;
}
.pinglunitempertxt p{
	font-size: 0.14rem;
	font-weight: 400;
	text-align: LEFT;
	color: #000000;
	line-height: 0.24rem;
}
.pinglunitemdata{
	float: right;
}
.pinglunitemdata span{
	font-size: 0.14rem;
	font-weight: 400;
	text-align: LEFT;
	color: #969799;
	line-height: 0.24rem;
}
.pinglunitemdown p{
	margin-top: 0.16rem;
	font-size: 0.14rem;
	font-weight: 400;
	text-align: LEFT;
	color: #646566;
}
.pinglunitemline{
	width: 100%;
	height: 0.04rem;
	background: #EBEDF0;
	margin-top: 0.16rem;
}
.pinglunlistmore{
	padding: 0.16rem 0;
}
.pinglunlistmore p{
	font-size: 0.14rem;
	font-weight: 400;
	text-align: center;
	color: #ee42a6;
	line-height: 0.16rem;
	cursor: pointer;
}




.commentpopup{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 2;
}
.commentpopupnav{
	width: 100%;
	height: 100%;
	position: relative;
}
.commentpopupwarp{
	width: 4.64rem;
	padding: 0.24rem;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #FFFFFF;
	transform: translate(-50%,-50%);
}
.commentpopupclose{
	width: 0.24rem;
	height: 0.24rem;
	float: right;
	cursor: pointer;
}
.commentpopupclose img{
	width: 100%;
	height: 100%;
}
.commentpopuptitle p{
	font-size: 0.20rem;
	font-weight: 600;
	text-align: CENTER;
	color: #000000;
}
.commentpopupipt{
	width: 100%;
	margin-top: 0.32rem;
}
.commentpopupiptcontent{
	width: 100%;
	height: 1.52rem;
	padding: 0.16rem;
	box-sizing: border-box;
	background: #f7f8fa;
	border-radius: 2px;
	border: none;
	outline: none;
	font-size: 0.16rem;
	font-weight: 400;
	text-align: LEFT;
	color: #646566;
	line-height: 0.22rem;
}
.commentpopupbtn{
	width: 1.44rem;
	height: 0.40rem;
	background: #0c0c0c;
	border-radius: 2px;
	margin: 0 auto;
	margin-top: 0.32rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.commentpopupbtn p{
	font-size: 0.14rem;
	font-weight: 500;
	color: #ffffff;
}
@media (min-width:1200px) {
	.container{
		width: 12.0rem!important;
	}
	#worksider{
		padding-right: 0;
	}
	#app{
		padding-left: 0!important;
	}
}
@media (max-width:750px) {
	.content{
		margin-top: 1.4rem;
	}
	.detailtitle{
		display: flex;
		flex-direction: column;
	}
	.detailtitleridianzanimg{
		width: 0.3rem;
		height: 0.3rem;
		cursor: pointer;
	}
	.detailtitlericollectionimg{
		width: 0.32rem;
		height: 0.32rem;
		cursor: pointer;
	}
	.detailtitleridianzan{
		margin: 0;
		margin-right: 0.6rem;
	}
	.detailtitlele p{
		font-size: 0.36rem;
	}
	.detailtitleri{
		display: flex;
		justify-content: center;
	}
	.pinglunitemdown p{
		font-size: 0.28rem;
	}
	.pingluntitlele::before{
		width: 0.04rem;
		height: 0.28rem;
	}
	.pingluntitlele p{
		font-size: 0.28rem;
	}
	.pingluntitleri{
		width: 1.04rem;
		height: 0.48rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.pinglunitemper{
		display: flex;
		align-items: center;
	}
	.pinglunitemperimg{
		width: 0.48rem;
		height: 0.48rem;
		border-radius: 100%;
		overflow: hidden;
	}
}
.detailImg{
	width: 100%;
	margin-top: 16px;
	padding: 0.32rem;
	background-color: #FFFFFF;
}
.detailImgnav{
	width: 100%;
	height: 2.2rem;
	position: relative;
}
.detailImg img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
::-webkit-scrollbar{
    display:none;
}
body{
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}